@import 'common';
main.main-content {
  .big-banner {
    background: linear-gradient(90deg,#4f7eff,#351ae8 140%);
    .inner-content {
      background: url("../img/ep-banner-bg.png") no-repeat center;
      background-size: cover;
      .ep-banner-txt {
        color: white;
        h1 {font-weight: bolder;}
        .btn {
          margin-top: 50px;
          color: #0e5ec8;
          transition: 0.2s;
          font-size: 1.375rem;
          padding: 10px 50px;
          border-radius: 2em;
          background-color: white;
          box-shadow: 0 0.5rem 1.25rem 0 rgba(0,49,132,.32);
          &:hover {opacity: 0.8;}
        }
      }
    }
  }
  .platform {
    padding-top: 80px;
    .row {
      .col {
        &:nth-of-type(even) {
          .platform-item {padding: 0 0 0 20%;}
        }
      }
    }
    .platform-item {
      padding-right: 20%;
      margin-bottom: 20%;

      img {height: 80px;}
      .platform-txt {line-height: 1.8em; font-size: $font-size-normal;}
    }
  }
  .good-plt {
    padding: 80px 0;
    background-image: url("../img/ep-plt.jpg");
    background-size: cover;
    background-color: #e4e8f1;
    --swiper-navigation-size: 60px;/* 设置按钮大小 */
    --swiper-navigation-color: white;/* 单独设置按钮颜色 */
    figure.slide-item {
      .slide-txt {
        transform: translateY(-25px);
        background-color:white;
        padding: 2em;
        width: 92%;
        margin: auto;
      }
    }
  }
}

@media(max-width: 768px) {
  main.main-content {
    .platform{
      .platform-item {
        margin-bottom: 5rem;
      }
    }
  }
}
@media(max-width: 576px) {
  main.main-content {
    .platform{
      .platform-item {
        padding: 0;
        margin-bottom: 3rem;
      }
    }
  }
}
